<!--_meta 作为公共模版分离出去-->
<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <link rel="Bookmark" href="favicon.ico" >
    <link rel="Shortcut Icon" href="favicon.ico" />
    <!--[if lt IE 9]>
    <script type="text/javascript" src="lib/html5.js"></script>
    <script type="text/javascript" src="lib/respond.min.js"></script>
    <![endif]-->
    <link rel="stylesheet" type="text/css" href="static/h-ui/css/H-ui.css" />
    <link rel="stylesheet" type="text/css" href="static/h-ui.admin.pro/css/h-ui.admin.pro.css" />
    <link rel="stylesheet" type="text/css" href="lib/Hui-iconfont/1.0.9/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="static/h-ui.admin.pro/skin/default/skin.css" id="skin" />
    <link rel="stylesheet" type="text/css" href="static/business/css/style.css" />
    <!--[if IE 6]>
    <script type="text/javascript" src="http://lib.h-ui.net/DD_belatedPNG_0.0.8a-min.js" ></script>
    <script>DD_belatedPNG.fix('*');</script><![endif]-->
    <!--/meta 作为公共模版分离出去-->

    <title>报修列表-未处理</title>
    <meta name="keywords" content="h-ui.admin.pro v1.0,H-ui网站后台模版,后台模版下载,后台管理系统模版,HTML后台模版下载">
    <meta name="description" content="h-ui.admin.pro v1.0，是一款由国人开发的轻量级扁平化网站后台模板，完全免费开源的网站后台管理系统模版，适合中小型CMS后台系统。">
</head>
<body>
<!--_menu 作为公共模版分离出去-->
<aside class="Hui-admin-aside-wrapper">
    <div class="Hui-admin-logo-wrapper">
        <a class="logo navbar-logo" href="/aboutHui.shtml">
            <i class="va-m iconpic global-logo"></i>
            <span class="va-m">H-ui.admin</span>
        </a>
    </div>
    <div class="Hui-admin-menu-dropdown bk_2">
        <ul class="Hui-menu"></ul>
    </div>
</aside>
<div class="Hui-admin-aside-mask"></div>
<div class="Hui-admin-dislpayArrow">
    <a href="javascript:void(0);" onClick="displaynavbar(this)">
        <i class="Hui-iconfont Hui-iconfont-left">&#xe6d4;</i>
    </a>
</div>
<!--/_menu 作为公共模版分离出去-->


<section class="Hui-admin-article-wrapper">
    <!--_header 作为公共模版分离出去-->
    <header class="Hui-navbar">
        <div class="navbar">
            <div class="container-fluid clearfix">
                <nav id="Hui-topNav" class="nav navbar-nav f-l">
                    <ul class="clearfix">
                        <li class="dropDown dropDown_hover">
                            <a class="dropDown_A" href="javascript:;">顶部菜单</a>
                            <ul class="dropDown-menu menu radius box-shadow">
                                <li class="">
                                    <a href="#">二级导航</a>
                                </li>
                                <li class="">
                                    <a href="#">二级导航</a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </nav>
                <div class="panel">
                    <div class="panel-body"发布>
                        <div class="text-c">
                            <input type="text" class="input-text" style="width:100px" placeholder="课程名" id="couName" name="couName">
                            <input type="text" class="input-text" style="width:100px" placeholder="上课地点" id="place" name="place">
                            <input type="text" class="input-text" style="width:100px" placeholder="课程状态" id="state" name="state">


                            <button name="search" id="search" class="btn btn-success" type="submit"><i class="Hui-iconfont">&#xe665;</i> 搜索</button>
                        </div>
                    </div>
                </div>
                <nav id="Hui-userbar" class="nav navbar-nav navbar-userbar">
                    <ul class="clearfix">
                        <li>超级管理员</li>
                        <li class="dropDown dropDown_hover right">
                            <a href="#" class="dropDown_A">admin <i class="Hui-iconfont">&#xe6d5;</i></a>
                            <ul class="dropDown-menu menu radius box-shadow">
                                <li><a href="javascript:;" onClick="myselfinfo()">个人信息</a></li>
                                <li><a href="#">切换账户</a></li>
                                <li><a href="#">退出</a></li>
                            </ul>
                        </li>
                        <li id="Hui-msg"> <a href="#" title="消息"><span class="badge badge-danger">1</span><i class="Hui-iconfont" style="font-size:18px">&#xe68a;</i></a> </li>
                        <li id="Hui-skin" class="dropDown dropDown_hover right">
                            <a href="javascript:;" class="dropDown_A" title="换肤"><i class="Hui-iconfont" style="font-size:18px">&#xe62a;</i></a>
                            <ul class="dropDown-menu menu radius box-shadow">
                                <li><a href="javascript:;" data-val="default" title="默认（蓝色）">默认（深蓝）</a></li>

                                <li><a href="javascript:;" data-val="green" title="绿色">绿色</a></li>
                                <li><a href="javascript:;" data-val="red" title="红色">红色</a></li>
                                <li><a href="javascript:;" data-val="yellow" title="黄色">黄色</a></li>
                                <li><a href="javascript:;" data-val="orange" title="橙色">橙色</a></li>
                            </ul>
                        </li>
                    </ul>
                </nav>
            </div>
        </div>
    </header>
    <!--/_header 作为公共模版分离出去-->
    <div class="Hui-admin-article">
        <nav class="breadcrumb" style="background-color:#fff;padding: 0 24px">
            首页
            <span class="c-gray en">/</span>
        </nav>

        <div class="panel mt-20">
            <div class="panel-body">
                <div class="clearfix">
							<span class="f-l">
								<button class="btn btn-primary radius" onclick="article_add('添加资讯','article-add.html')" ><i class="Hui-iconfont">&#xe600;</i> 添加资讯</button>
								<button onclick="datadel()" class="btn btn-danger radius"><i class="Hui-iconfont">&#xe6e2;</i> 批量删除</button>

							</span>
                    <span class="f-r">共有数据：<strong id="totalNum"></strong> 条</span>
                </div>
                <div class="mt-20 clearfix">
                    <table id="data-table-list" class="table table-border table-bordered table-bg table-hover table-sort">
                        <thead>
                        <tr class="text-c">
                            <th width="25"><input type="checkbox" name="" value="all"></th>
                            <th width="20">课程号</th>
                            <th width="60">课程名</th>
                            <th width="120">开课时间</th>
                            <th width="100">上课地点</th>
                            <th width="40">最大人数</th>
                            <th width="40">已选人数</th>
                            <th width="40">任课教师名</th>
                            <th width="40">课程状态</th>
                            <th width="30">操作</th>
                        </tr>
                        </thead>
                        <tbody class="getData-list" data-currPage='1'></tbody>
                    </table>
                </div>
                <div id="laypage" class="text-c"></div>
            </div>
        </div>
        </article>
    </div>




</section>
<!--_footer 作为公共模版分离出去-->
<script type="text/javascript" src="lib/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="lib/layer/3.1.1/layer.js"></script>
<script type="text/javascript" src="static/h-ui/js/H-ui.js"></script>
<script type="text/javascript" src="static/h-ui.admin.pro/js/h-ui.admin.pro.js"></script>
<!--/_footer /作为公共模版分离出去-->
<script type="text/javascript" src="lib/laypage/1.2/laypage.js"></script>
<script type="text/javascript" src="static/business/js/main1.js"></script>
<!--/请在上方写此页面业务相关的脚本-->
<script type="text/javascript">

    /* =====所有的列表页都可照搬这套模式====== */


    // 封装一个获取数据列表的方法，将条件封装到options对象中
    function getDataList(options){
        $.ajax({
            url: 'newTeacher?action=selectCourse', //转到 action, 换成自己的接口
            type: 'get',
            data: options,
            cache: false,
            dataType: 'json', // 不一定非要json，可以是html，后台封好结构后，直接扔前台
            success: function(respData) {
                if(respData.result){ // 请求正确 返回true, 也指200状态
                    var data = respData.datas; // 返回的数据
                    var currPage = respData.pagination.currPage;
                    var htmlstr = '';
                    if(data.length > 0 ) {
                        // 只有获取的数据对象长度大于0，我们才做for循环处理。
                        for(var i = 0;i< data.length;i++){ // for循环将json数据拼接成html结构。 此处可以用模板引擎。
                            htmlstr +=
                                '<tr>'+
                                '<td><input type="checkbox" value="" name=""></td>'+
                                '<td>'+ data[i].couId +'</td>'+
                                '<td>'+ data[i].couName +'</td>'+
                                '<td>'+ data[i].starttime +'</td>'+
                                '<td>'+ data[i].place +'</td>'+
                                '<td>'+ data[i].max +'</td>'+
                                '<td>'+ data[i].num +'</td>'+
                                '<td>'+ data[i].teaName +'</td>'+
                                '<td>'+ data[i].state +'</td>'+
                                '<td> <a href="selectStudent.html?couId='+data[i].couId+'">评分</a> </td>'+
                                '</tr>';

                        }
                        // 在页面对应<tbody class=".getData-list">标签中输出拼接好的html结构。
                        $(".getData-list").html(htmlstr);

                        // 渲染分页
                        laypage({
                            cont: 'laypage',    //容器。值支持id名、原生dom对象，jquery对象。【如该容器为】：&lt;div id="laypage">&lt;/div>
                            pages: Math.ceil(respData.pagination.total/respData.pagination.pageSize),  // 除法运算，向上取整
                            curr: currPage,    //初始化当前页
                            hash: 'page',
                            limits: [10, 25, 50, 100],
                            first: '首页',
                            last: '尾页',
                            prev: '<em>&lt;&lt;</em>',
                            next: '<em>&gt;&gt;</em>',
                            jump: function(e, first){ //触发分页后的回调
                                console.log(e);
                                if(!first) {
                                    $(".getData-list").attr("data-currPage", e.curr);
                                    runGetDataList();
                                }
                            }
                        });
                    }else {
                        console.log(respData.msg); // 返回正确状态，但是没有数据，在此处处理。
                        var tdNum = $("#data-table-list thead tr td").length;
                        htmlstr = '<tr><td colspan="'+tdNum+'" class="data-null">数据为空</td></tr>';
                        $(".getData-list").html(htmlstr);
                    }
                    $("#totalNum").html(respData.pagination.total);
                }else {
                    $("#totalNum").html('0');
                    console.log(respData.msg);  // 返回错误状态，通常指网络请求失败、后台报错等，最好后台给出错误提示，方便前台调试。也可定义几种返回的错误状态码，如201 203 400 404 500 503等。
                }
            },
            error: function(respData){ // ajax的error状态
                console.log(respData);
            }
        });
    }

    // 运行获取数据列表这个方法，这里面可以灵活自定义要传递的参数
    function runGetDataList(){
        getDataList({
            classifyID : $("#classifyID").val() || 0, // 分类id
            currPage : $(".getData-list").attr("data-currPage") || 1, // 当前第几页
            pageSize: 5, // 每页几条
            couName:$("#couName").val(),
            place:$("#place").val(),
            state:$("#state").val(),
            keywords : $("#search").val() || '',
        });
    }

    $(function(){
        getMenu();

        //runDatetimePicker(); // 实例化日期控件

        runGetDataList(); // 页面载入，自执行加载数据...
        // 点击搜索执行...
        $("#search").on("click",function(){
            runGetDataList();
        });

        // 全选
        $("#data-table-list").HuicheckAll(
            {
                checkboxAll: 'thead input[type="checkbox"]',  // 表头全选的checkbox
                checkbox: 'tbody input[type="checkbox"]' // 列表开头的checkbox
            },
            function(checkedInfo) {
                console.log(checkedInfo); // checkedInfo 就是选择后返回的参数，请根据自己的业务接口进行二次加工。
            }
        )
    });
</script>
</body>
</html>